<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script src="/js/jquery.2.1.4.js" charset="utf-8"></script>
<html>
<head>
    <title style="font-size: 20px">Title</title>
    <script type="text/javascript" src="/raty/demo/js/jquery.min.js"></script>
    <script type="text/javascript" src="/raty/lib/jquery.raty.min.js"></script>
    <script>
        $(function () {
            $.fn.raty.defaults.path = '/raty/lib/img';
            $('#raty').raty({
                score: ${raty},
                size: 30,
                half: true,
                readOnly: true,
                starHalf: 'star-half-big.png',
                starOff: 'star-off-big.png',
                starOn: 'star-on-big.png',
            });
        });
    </script>
</head>
<body>

<div>
    <c:if test="${raty!=null}">
        <div>
            <div style="float: left;margin-left: 20px;color: #393939;font: 14px Arial, Helvetica, sans-serif, '新宋体'">
                问题评分：
            </div>
            <div id="raty" style="float: left"></div>
        </div>
    </c:if>
    <div style="clear: both;height: 10px"></div>
    <c:if test="${!empty replies}">
        <div>
            <div style="float: left;margin-left: 20px;color: #393939;font: 14px Arial, Helvetica, sans-serif, '新宋体'">
                问题回复：
            </div>
            <div style="float: left;width: 88%;border: 1px solid;border-color:#cecece">
                <c:forEach items="${replies}" var="reply" varStatus="st">
                    <div style="width: 100%;margin-bottom: 5px;color: #005000">${reply.etext}</div>
                    <c:if test="${!st.last}">
                        <hr style="height:1px;border:none;border-top:1px dashed #cecece;margin: 0px"/>
                    </c:if>
                </c:forEach>
            </div>
        </div>
    </c:if>
    <div style="clear: both;height: 10px"></div>
    <div>
        <div style="float: left;margin-left: 20px;color: #393939;font: 14px Arial, Helvetica, sans-serif, '新宋体'">问题内容：
        </div>
        <div style="float:left;border: 1px solid;border-color:#cecece;width: 88%">${prob.ptext}</div>
    </div>
    <div style="clear: both;height: 10px"></div>
    <c:if test="${!empty appends}">
        <div>
            <div style="float: left;margin-left: 20px;color: #393939;font: 14px Arial, Helvetica, sans-serif, '新宋体'">
                补充内容：
            </div>
            <div style="float: left;width: 88%;border: 1px solid;border-color:#cecece">
                <c:forEach items="${appends}" var="append" varStatus="st">
                    <div style="width: 100%;margin-bottom: 5px;color: #454188">${append.atext}</div>
                    <c:if test="${!st.last}">
                        <hr style="height:1px;border:none;border-top:1px dashed #cecece;margin: 0px"/>
                    </c:if>
                </c:forEach>
            </div>
        </div>
    </c:if>
</div>

</body>
</html>
